#layout{
	padding-top: 0.88rem;
	.header{
		position: fixed;
		top: 0;
		left: 0;
		z-index: 22;
		width: 100%;
		background: #1448ae;	
		padding: 0 0.21rem;
		.top{		
			height: 0.44rem;
			line-height: 0.44rem;		
			font-size: 0.15rem;
			
			h3{
				font-weight:normal;
				text-align: center;
				color: #fff;
			}
			
			a.back{
				position: absolute;
				left: 0.21rem;
				width: 0.15rem;
				height: 0.2rem;
				color: transparent;
				line-height: 999rem;
				overflow: hidden;
				margin-top: 0.13rem;
				background: url(../images/icon/sprites.png) no-repeat -0.51rem -0.16rem;
				background-size: 3.75rem auto;
			}
			
		}
		.search{
			height: 0.44rem;
			line-height: 0.44rem;
			position: relative;
			input{
				width: 100%;
				height: 0.28rem;
				padding-left: 0.3rem;
				padding-right: 0.15rem;
				border-radius: 0.5rem;
				background: transparent;
				border: 1px solid #fff;
				color: #333;
				font-size: 0.12rem;
				&::placeholder{
					color: #c8c8c8;
				}
			}
			&::before{
				    content: '';
				    position: absolute;
				    top: 0.12rem;
					left: 0.08rem;
				    width: 0.2rem;
				    height: 0.2rem;
				    background: url(../images/icon/galss_03.png) no-repeat center/85% auto;
			
					
			}
		}
	}
	
	.main{
		position: relative;
		height: 100%;
		
		.nav-left{
			position: fixed;
			height: 100%;
			overflow: hidden;
			top: 0.88rem;
			text-align: center;
			background: #f4f4f4;
			font-size: 0.16rem;
			color: #666;
			li{
				width: 0.65rem;
				height: 0.9rem;
				
				
					span{
						display: inline-block;
						width: 0.3rem;
						height: 0.3rem;
						margin-top: 0.15rem;
						margin-left: 0.03rem;
						background: url(../images/icon/sprites.png) no-repeat ;
						background-size: 3.75rem auto;
					}
					.hot{
						
						background-position:-2.28rem -0.5rem;
					}
					.domestic{
						background-position:-2.7rem -0.5rem;
					}
					.abroad{
						background-position:-3.12rem -0.5rem;
					}
				
					
			}
			li.on{
				background: #fff;
				color: #1448ae;
				border-left: 0.04rem solid #f7c612;
			}
			li.on .hot{				
				background-position:-2.28rem -0.88rem;
			}
			li.on .domestic{
				background-position:-2.7rem -0.88rem;
			}
			li.on .abroad{
				background-position:-3.12rem -0.88rem;
			}
		}
		.scroll-list{
			padding: 0.09rem 0.12rem 0.09rem 0.08rem;
			height: 100%;
			position: absolute;
			left: 0.65rem;
			.content{
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
				font-size: 0.14rem;
				color: #333;
				padding-bottom: 0.5rem;
				li{
					width: 49%;
					border: 1px solid #ccc;
					margin-bottom: 0.08rem;
					a{
						p{
							text-align: center;
							padding: 0.07rem 0;
						}
					}
				}
			}
		}
	}
	
	

}